<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="../resource/jquery-2.1.1.js"></script>
	<script src="../resource/highchart/highstock.src.js"></script>
</head>
<body>
<div class="chart" style="height: 500px;">

</div>
<script>
	$(function () {


		$(".chart").highcharts({
			title: {
				text: ""
			},
			chart: {
				height: 300
			},
			credits: { enabled: false },
			tooltip: {
				xDateFormat: '%Y-%m-%d %H:%M:%S',
				valueSuffix: '',
				crosshairs: true,
				shared: true
			},
			legend: {
				enabled: true,
				shadow: false
			},
			plotOptions: {
				pie: {
					allowPointSelect: true,
					cursor: 'pointer',
					dataLabels: {
						enabled: false
					},
					showInLegend: true
				}
			},
			series: [
				{
					type: 'pie',
					name: '数量',
					data: [
						['Firefox', 45.0],
						['IE', 26.8],
						{
							name: 'Chrome',
							y: 12.8,
							sliced: false,
							selected: true
						},
						['Safari', 8.5],
						['Opera', 6.2],
						['Others', 0.7]
					]
				}
			],

		})
	});
</script>

</body>
</html>